<!DOCTYPE html>
<!-- saved from url=(0072)http://www.17sucai.com/preview/1033514/2018-11-05/login/login/index.html -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <title>登陆页面</title>
    <link rel="stylesheet" type="text/css" href="css/login.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $(".name input").focus(function(){
                $(this).prev("i").css({"background-image":"url(images/user2.png)"});
            });
            $(".name input").blur(function(){
                $(this).prev("i").css({"background-image":"url(images/user1.png)"});
            });
            $(".password input").focus(function(){
                $(this).prev("i").css({"background-image":"url(images/password2.png)"});
            });
            $(".password input").blur(function(){
                $(this).prev("i").css({"background-image":"url(images/password1.png)"});
            });
        });
    </script>
</head>
<body>
    <div class="container">
        <div class="wrap">
            <header>
            	<img src="images/logo_login.png" alt="" class="img-responsive">
            </header>
            <article>
                <section>
                    <aside>
                        <em>
                            <img src="images/tx.png">
                        </em>
                         <form action="" method="post">
                            <p class="name"><i></i><input type="text" name="userName" class="userName" placeholder="请输入用户名"></p>
                            <p class="password"><i></i><input type="password" name="password" class="pwd" placeholder="请输入密码"></p>
                            <button>登录</button>
                            
                            <p class="remember"><input type="checkbox" name="remember">记住密码</p>
                            <p style="float: left;height: 40px;line-height: 40px;padding: 0 30px;">忘记密码?</p>
                            <p class="regist"><a href="http://www.17sucai.com/preview/1033514/2018-11-05/login/login/regist.html">立即注册</a></p>
                           
                           
                           <div class="clear"></div>
                        </form>
                    </aside>
                   
                </section>               
            </article>
           
        </div>
    </div>


</body></html>